import { createRouter , createWebHistory ,RouteRecordRaw } from 'vue-router'
const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    name: 'datav',
    component: () => import("../views/datav/index.vue"),
  },
  {
    path: "/index",
    name: 'index',
    component: () => import("../views/index.vue"),
  },
  {
    path: "/",
    name:'ref',
    component: () => import("../views/ref.vue"),
  },
  {
    path: "/reactive",
    name: 'reactive',
    component: () => import("../views/reactive.vue"),
  },
  {
    path: "/toS",
    name: 'toS',
    component: () => import("../views/toS.vue"),
  },
  {
    path: "/computed",
    name: 'computed',
    component: () => import("../views/computed.vue"),
  },
  {
    path: "/watch",
    name: 'watch',
    component: () => import("../views/watch.vue"),
  }, {
    path: "/watchEffect",
    name: 'watchEffect',
    component: () => import("../views/watchEffect.vue"),
  },
  {
    path: "/components",
    name: 'components',
    component: () => import("../views/componetsSm.vue"),
  },
  {
    path: "/less",
    name: 'less',
    component: () => import("../views/ShowBuju.vue"),
  },
  {
    path: "/donga",
    name: 'donga',
    component: () => import("../views/donga.vue"),
  },
  {
    path: "/slot",
    name: 'slot',
    component: () => import("../views/slot.vue"),
  }, {
    path: "/yibu",
    name: 'yibu',
    component: () => import("../views/yibuComs.vue"),
  },
  {
    path: "/Teleport",
    name: 'Teleport',
    component: () => import("../views/Teleport.vue"),
  },
  {
    path: "/transition",
    name: 'transition',
    component: () => import("../views/transition.vue"),
  },
  {
    path: "/transitionGroup",
    name: 'transitionGroup',
    component: () => import("../views/transitionGroup.vue"),
  },
  {
    path: "/statusTransition",
    name: 'statusTransition',
    component: () => import("../views/statusTransition.vue"),
  },
  {
    path: "/provide",
    name: 'provide',
    component: () => import("../views/provide.vue"),
  },
  {
    path: "/XdCom",
    name: 'XdCom',
    component: () => import("../views/XdCom.vue"),
  },
  {
    path: "/mitt",
    name: 'mitt',
    component: () => import("../views/mitt.vue"),
  }, {
    path: "/tsx",
    name: 'tsx',
    component: () => import("../views/tsx.vue"),
  },
  {
    path: "/directive",
    name: 'directive',
    component: () => import("../views/directive.vue"),
  },
  {
    path: "/Hooks",
    name: 'Hooks',
    component: () => import("../views/CustomHooks.vue"),
  },
  {
    path: "/custom",
    name: 'custom',
    component: () => import("../views/CustomPlug-in.vue"),
  },
  {
    path: "/cssNew",
    name: 'cssNew',
    component: () => import("../views/Css-new.vue"),
  },
  {
    path: "/eventLoop-nextTick",
    name: 'eventLoop-nextTick',
    component: () => import("../views/eventLoop-nextTick.vue"),
  },
  {
    path: "/function",
    name: 'function',
    component: () => import("../views/function.vue"),
  },
  {
    path: "/pinia",
    name: 'pinia',
    component: () => import("../views/pinia.vue"),
  },
];
const router = createRouter( {
  history: createWebHistory(),
  routes
});
export default router